<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- CSS -->
    <!-- <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
      integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"
      crossorigin="anonymous"
    /> -->
    <link rel="stylesheet" href="./bootstrap-4.6.2/css/bootstrap.min.css" />
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/header.css" />
    <link rel="stylesheet" href="./css/angling3.css" />
    <link rel="stylesheet" href="./css/bottom.css" />
    <title>新云农场</title>
  </head>

  <body>
    <!----------------------------------------------------- 头部 -->
    <div class="header fixed-top">
      <ul class="top_msg">
        <li class="container flex">
          <span>欢迎来到新云农场!</span>
          <span class="top_msg_act">
            <span class="span1">登录</span>
            <b>|</b>
            <span class="span1">注册</span>
            <b>|</b>
            <span class="span1">帮助中心</span>
          </span>
        </li>
      </ul>
      <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light bg-light top_nav">
          <a class="navbar-brand img" href="#">
            <img src="./image/新云.png" alt="" class="img-fluid" />
          </a>
          <button
            class="navbar-toggler"
            type="button"
            data-toggle="collapse"
            data-target="#navbarNav"
            aria-controls="navbarNav"
            aria-expanded="false"
            aria-label="Toggle navigation"
          >
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarNav">
            <!-- shadow-sm -->
            <ul class="navbar-nav textsize1">
              <li class="nav-item nav_list">
                <a class="nav-link" href="./index.html">首页</a>
                <ul class="nav-hover0 nav_hov"></ul>
              </li>
              <li class="nav-item nav_list">
                <a class="nav-link" href="./product2.html">农场产品</a>
                <ul class="nav-hover1 nav_hov">
                  <li><a href="./product2.html#glzz">谷类种植</a></li>
                  <li><a href="./product2.html#scgg">疏菜瓜果</a></li>
                  <li><a href="./product2.html#ysfy">野生放养</a></li>
                  <li><a href="./product2.html#sgncp">手工农产品</a></li>
                  <li><a href="./product2.html#srdz">私人订制</a></li>
                </ul>
              </li>
              <li class="nav-item nav_list active">
                <a class="nav-link" href="./angling3.html">休闲垂钓</a>
                <ul class="nav-hover2 nav_hov">
                  <li><a href="./angling3.html#tdly">台钓/路亚</a></li>
                  <li><a href="./angling3.html#tdly">钓虾</a></li>
                  <li><a href="./angling3.html#tdly">钓鸡</a></li>
                </ul>
              </li>
              <li class="nav-item nav_list">
                <a class="nav-link" href="./farm4.html">农场环境</a>
                <ul class="nav-hover3 nav_hov border">
                  <li><a href="./farm4.html#ztgm">整体规模实拍</a></li>
                  <li><a href="./farm4.html#yzcj">养殖场景展示</a></li>
                  <li><a href="./farm4.html#zzcj">种植场景展示</a></li>
                  <li><a href="./farm4.html#cdcj">垂钓场景展示</a></li>
                  <li><a href="./farm4.html#srcy">私人菜园场景</a></li>
                  <li><a href="./farm4.html#njjc">农家菜聚餐</a></li>
                </ul>
              </li>
              <li class="nav-item nav_list">
                <a class="nav-link" href="./food5.html">农家土菜</a>
                <ul class="nav-hover4 nav_hov border">
                  <li><a href="./food5.html#dgc">自助大锅菜</a></li>
                  <li><a href="./food5.html#njc">美味农家菜</a></li>
                </ul>
              </li>
              <li class="nav-item nav_list">
                <a class="nav-link" href="./wit6.html">智慧农业</a>
                <ul class="nav-hover5 nav_hov"></ul>
              </li>
              <li class="nav-item nav_list">
                <a class="nav-link" href="./touch7.html">联系农场</a>
                <ul class="nav-hover6 nav_hov border">
                  <li><a href="./touch7.html#gync">关于农场</a></li>
                  <li><a href="./touch7.html#dtwz">农场地图</a></li>
                  <li><a href="./touch7.html#lxdh">联系我们</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </nav>
      </div>
    </div>
    <!------------------------------------------------- 视频广告 -->
    <div class="banner" id="tdly">
      <img src="./image/banner3.jpg" alt="" />
    </div>
    <!-- ------------------------------------------- -->
    <div class="xxcd_box row container">
      <ul class="left col-xl-2 col-lg-2 col-sm-12 col-12">
        <li class="xxcdsct textsize3">台钓/路亚</li>
        <li class="textsize3">钓鸡</li>
        <li class="textsize3">钓虾</li>
      </ul>

      <ul class="right col-xl-9 col-lg-9 col-sm-12 col-12">
        <li class="right_item flex">
          <span class="tetcol textsize3 flex">台钓/路亚</span>
          <span></span>
        </li>

        <li class="right_img row">
          <div class="col-12">
            <div id="data-container" class="data-container row"></div>
            <div
              class="row"
              style="align-items: center; justify-content: center"
            >
              <div class="syyfn">上一页</div>
              <div class="pagination"></div>
              <div class="xyyfn">下一页</div>
            </div>
          </div>
        </li>
      </ul>
    </div>

    <!---------------------------------------------------- 底部 -->
    <div class="bottom">
      <div class="container-xl">
        <div class="textsize5 bottom_tit container">新云农场</div>
        <div class="bottom_msg container row" style="padding: 0 !important">
          <ul class="bottom_nav col-lg-6 col-sm-12 col-12 row">
            <li class="col-lg-4 col-sm-6 col-6 linav">
              <p class="webbotm">网站首页</p>
              <div class="span"><a href="./index.html#cpxl">产品系列</a></div>
              <div class="span">基地风采</div>
              <div class="span">合作对象</div>
              <div class="span">合作案例</div>
            </li>
            <li class="col-lg-4 col-sm-6 col-6 linav">
              <p class="webbotm">产品系列</p>
              <div class="span"><a href="./product2.html#">谷类种植 </a></div>
              <div class="span">蔬菜瓜果</div>
              <div class="span">野生放养</div>
              <div class="span">手工农产品</div>
              <div class="span">私人订制</div>
              <div class="span">休闲垂钓</div>
              <div class="span">农家土菜</div>
            </li>
            <li class="col-lg-4 col-sm-6 col-6 linav">
              <p class="webbotm">联系农场</p>
              <div class="span">
                <div class="span">垂钓电话</div>
                <div class="tcolor">1111111111111</div>
              </div>
              <div class="span">
                <div class="span">订餐电话</div>
                <div class="tcolor">1111111111111</div>
              </div>
              <div class="span">
                <div class="span">定养电话</div>
                <div class="tcolor">111111111111</div>
              </div>
            </li>
          </ul>
          <ul class="ydxx col-lg-6 col-sm-12 col-12 row">
            <li class="ydxx_img col-lg-4 col-sm-4 col-4">
              <div>
                <img
                  class="row"
                  style="max-width: 100%; object-fit: contain"
                  src="./image/团建.jpg"
                  alt=""
                />
                <p class="textsize" style="text-align: center">
                  扫描二维码立即预定
                </p>
              </div>
            </li>
            <li class="ydxx_form col-lg-8 col-sm-8 col-8">
              <p class="textsize2">认养预定</p>
              <div class="flex">
                <input type="text" placeholder="请输入您的姓名" />
                <input
                  style="margin-left: 6px"
                  type="text"
                  placeholder="请输入您的电话"
                />
              </div>
              <input type="text" placeholder="请输入您的联系地址" />
              <span class="textsize2 subtn">立即提交</span>
            </li>
          </ul>
        </div>
      </div>

      <div class="container-fluid">网站版权信息--------------------</div>
    </div>
    <!-- <script
      src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
      integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
      crossorigin="anonymous"
    ></script> -->
    <script src="./bootstrap-4.6.2/jQuery.js"></script>
    <!-- <script
      src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
      integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
      crossorigin="anonymous"
    ></script> -->
    <script src="./bootstrap-4.6.2/popper.min.js"></script>
    <script src="./bootstrap-4.6.2/js/bootstrap.min.js"></script>
    <!-- <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"
      crossorigin="anonymous"
    ></script> -->
    <script src="./js/angling3.js"></script>
    <script src="./js/base.js"></script>
  </body>
</html>
